﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d Anno"
	xmlns:Anno="http://schemas.microsoft.com/expression/blend/extensions/annotations/2008"
	x:Class="C7.ModuleTab"
	x:Name="Module"
	d:DesignWidth="520" d:DesignHeight="653" Margin="0,0,-48,0" Loaded="ModuleLoaded">
	<UserControl.Resources>
		<Storyboard x:Key="sbModuleGrow">
			<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grdMainGrid" Storyboard.TargetProperty="(FrameworkElement.Margin)">
				<SplineThicknessKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
			</ThicknessAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.56"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Direction)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="725"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.ShadowDepth)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="4"/>
			</DoubleAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbZation" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="White"/>
			</ColorAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="sbModuleShrink">
			<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grdMainGrid" Storyboard.TargetProperty="(FrameworkElement.Margin)">
				<SplineThicknessKeyFrame KeyTime="00:00:00.2000000" Value="24"/>
			</ThicknessAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectGlow" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="Transparent"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectGlow" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="Transparent"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#B2000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border1" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border2" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverMainImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverUpperSecondaryImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverDownSecondaryImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbTitle" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#B2000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#B2000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbDescription" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#B2000000"/>
			</ColorAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbTitle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbZation" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#7FFFFFFF"/>
			</ColorAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="sbImagesHoverEffects">
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverDownSecondaryImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#7F000000" KeySpline="0,1,1,0"/>
				<SplineColorKeyFrame KeySpline="1,0,0,0.99" KeyTime="00:00:03.6000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverUpperSecondaryImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#7F000000" KeySpline="0,1,0,1"/>
				<SplineColorKeyFrame KeyTime="00:00:02.5000000" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectOverMainImage" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="#7F000000" KeySpline="0,1,1,0"/>
				<SplineColorKeyFrame KeyTime="00:00:04" Value="#00000000"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectGlow" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#7FFFFFFF"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectBackground" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border1" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border2" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbTitle" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbDescription" Storyboard.TargetProperty="(UIElement.OpacityMask).(SolidColorBrush.Color)">
				<SplineColorKeyFrame KeyTime="00:00:01" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="tbTitle" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.Opacity)">
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.995"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="grdMainGrid">
			<BeginStoryboard x:Name="sbModuleGrow_BeginStoryboard" Storyboard="{StaticResource sbModuleGrow}"/>
			<BeginStoryboard x:Name="sbImagesHoverEffects_BeginStoryboard" Storyboard="{StaticResource sbImagesHoverEffects}"/>
		</EventTrigger>
		<EventTrigger RoutedEvent="Mouse.MouseLeave">
			<BeginStoryboard x:Name="sbModuleShrink_BeginStoryboard" Storyboard="{StaticResource sbModuleShrink}"/>
		</EventTrigger>
	</UserControl.Triggers>

	<Grid x:Name="LayoutRoot">
		<Viewbox x:Name="viewbox" Loaded="ViewBoxLoaded" Width="520" Height="653" ScrollViewer.HorizontalScrollBarVisibility="Auto">
			<Grid x:Name="grdMainGrid" Width="450" Height="650" Margin="24">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="0*"/>
					<ColumnDefinition Width="0.116*"/>
					<ColumnDefinition Width="0.406*"/>
					<ColumnDefinition Width="0.374*"/>
					<ColumnDefinition Width="0.103*"/>
				</Grid.ColumnDefinitions>
				<Grid.RowDefinitions>
					<RowDefinition Height="0.224*"/>
					<RowDefinition Height="0.317*"/>
					<RowDefinition Height="0.186*"/>
					<RowDefinition Height="0.18*"/>
					<RowDefinition Height="0.093*"/>
				</Grid.RowDefinitions>
				<Rectangle x:Name="rectBackground" Fill="#B21E1E1E" RadiusX="9.08" RadiusY="9.08" Grid.ColumnSpan="4" Grid.RowSpan="5" Width="450" Grid.Column="1" d:LayoutOverrides="GridBox" OpacityMask="#B2000000" >
					<Rectangle.Effect>
						<DropShadowEffect BlurRadius="19" Direction="689" ShadowDepth="7" Opacity="0"/>
					</Rectangle.Effect>
				</Rectangle>
				<TextBlock x:Name="tbZation" Margin="59.597,-58.039,-58.434,25.929" Grid.Column="3" Text="ization" TextWrapping="Wrap" d:LayoutOverrides="HorizontalAlignment" FontFamily="/C7;Component/Resources/Fonts/#Christopherhand" FontSize="64" Foreground="#7FFFFFFF" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2" Grid.Row="1" Visibility="Hidden">
					<TextBlock.RenderTransform>
						<TransformGroup>
							<ScaleTransform/>
							<SkewTransform/>
							<RotateTransform Angle="44.926"/>
							<TranslateTransform/>
						</TransformGroup>
					</TextBlock.RenderTransform>
				</TextBlock>
				<TextBlock x:Name="tbTitle" FontFamily="/C7;Component/Resources/Fonts/#Zegoe Caps" FontSize="64" Foreground="White" Text="Menu!" Grid.Column="2" Grid.ColumnSpan="2" OpacityMask="#B2000000" Margin="8,8,0,50.756" TextWrapping="Wrap">
					<TextBlock.Effect>
						<DropShadowEffect BlurRadius="2" Color="{Binding Fill, ElementName=rectBackground, Mode=OneWay}" Direction="650" Opacity="0"/>
					</TextBlock.Effect>
				</TextBlock>
				<Rectangle x:Name="rectangle" Fill="White" RadiusX="15" RadiusY="15" Margin="8,0,8,8" VerticalAlignment="Bottom" Height="1" Grid.Column="2" Grid.ColumnSpan="2" OpacityMask="#B2000000"/>
				<TextBlock x:Name="tbDescription" Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="1" FontFamily="/C7;Component/Resources/Fonts/#Zegoe UI - U" Foreground="White" Text="Check our latest menu offerings and order" TextWrapping="Wrap" Margin="8" OpacityMask="#B2000000"/>
				<Rectangle x:Name="rectGlow" RadiusX="9.08" RadiusY="9.08" Grid.ColumnSpan="4" Grid.RowSpan="4" Width="450" Grid.Column="1" Margin="0,8,0,0" Grid.Row="1" >
					<Rectangle.Fill>
						<RadialGradientBrush RadiusX="0.519" RadiusY="0.633" Center="0.482,0.838" GradientOrigin="0.482,0.838">
							<RadialGradientBrush.RelativeTransform>
								<TransformGroup>
									<ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1" ScaleY="1"/>
									<SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
									<RotateTransform Angle="0.333" CenterX="0.5" CenterY="0.5"/>
									<TranslateTransform/>
								</TransformGroup>
							</RadialGradientBrush.RelativeTransform>
							<GradientStop/>
							<GradientStop Offset="0.815"/>
						</RadialGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<Border x:Name="border" BorderBrush="{DynamicResource BorderBrush1}" Margin="8" Grid.Column="2" Grid.Row="2" Grid.RowSpan="2" BorderThickness="2" CornerRadius="2" OpacityMask="#00000000">
					<Image x:Name="imgMainImage" Source="/C7;Component/Resources/Graphics/Samples/Sample (1).png" Stretch="UniformToFill" />
				</Border>
				<Border x:Name="border1" Margin="8" Grid.Column="3" Grid.Row="2" BorderBrush="{DynamicResource BorderBrush1}" BorderThickness="2" CornerRadius="2" OpacityMask="#00000000">
					<Image x:Name="imgUperSecondaryImage" Source="/C7;Component/Resources/Graphics/Samples/Sample (2).png" Stretch="UniformToFill"/>
				</Border>
				<Border x:Name="border2" Margin="8" Grid.Column="3" Grid.Row="3" BorderThickness="2" BorderBrush="{DynamicResource BorderBrush1}" CornerRadius="2" OpacityMask="#00000000">
					<Image x:Name="imgLowerSecondaryImage" Source="/C7;Component/Resources/Graphics/Samples/Sample (2).png" Stretch="UniformToFill"/>
				</Border>
				<Rectangle x:Name="rectOverMainImage" Fill="{DynamicResource BorderBrush1}" RadiusX="2" RadiusY="2" Margin="8" OpacityMask="#00000000" Grid.Column="2" Grid.Row="2" Grid.RowSpan="2"/>
				<Rectangle x:Name="rectOverUpperSecondaryImage" Fill="{DynamicResource BorderBrush1}" RadiusX="2" RadiusY="2" Margin="8" OpacityMask="#00000000" Grid.Column="3" Grid.Row="2"/>
				<Rectangle x:Name="rectOverDownSecondaryImage" Fill="{DynamicResource BorderBrush1}" Grid.Column="3" Grid.Row="3" Margin="8" OpacityMask="#00000000"/>
			</Grid>
		</Viewbox>
	</Grid>
</UserControl>